<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			body{background: #000;}
			li{list-style: none;}
			.box{
				width: 592px;
				border: 4px solid #111;
				margin: 30px auto 0;
				overflow: auto;
			}
			/*.box ul{font-size: 0;}*/
			.box li{
				float: left;
				margin: 10px;
				opacity: 0.1;
			}
			.loger li{
				text-align: center;
				color: #aaa;
				font-size: 18px;
				font-weight: bold;
				display: none;
				margin-top: 30px;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<ul>
				<li><img src="img1231/constellation_01.png"/></li>
				<li><img src="img1231/constellation_02.png"/></li>
				<li><img src="img1231/constellation_03.png"/></li>
				<li><img src="img1231/constellation_04.png"/></li>
				<li><img src="img1231/constellation_05.png"/></li>
				<li><img src="img1231/constellation_06.png"/></li>
				<li><img src="img1231/constellation_07.png"/></li>
				<li><img src="img1231/constellation_08.png"/></li>
				<li><img src="img1231/constellation_09.png"/></li>
				<li><img src="img1231/constellation_10.png"/></li>
				<li><img src="img1231/constellation_11.png"/></li>
				<li><img src="img1231/constellation_12.png"/></li>
			</ul>
		</div>
		<div class="loger">
			<ul>
				<li>觉得十分好似</li>
				<li>grsl是快乐阿拉克 </li>
				<li>访问法拉克</li>
				<li>ui儿童以及 儿童青蛙</li>
				<li>色入一个 额二哥</li>
				<li>儿啊人体我如果有一</li>
				<li>二元化万有QY 5THW4</li>
				<li>HY  人研究课题研究院</li>
				<li>如图已经额意思</li>
				<li>人家二途径为三天后</li>
				<li>如图威尔u6ry</li>
				<li>如图位图和任何</li>
			</ul>
		</div>
		<script src="jquery-1.11.2.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$('.box li').mouseenter(function(){
					$(this).stop().fadeTo(300,1).siblings().stop().fadeTo(300,0.1);
					$('.loger li').eq($(this).index()).show().siblings().hide();
				});
				$('.box').mouseleave(function(){
					//$(this).children().children().stop().fadeTo(300,0.1);
					$('.box li').stop().fadeTo(300,0.1);
					$('.loger li').hide();
				});
			});
		</script>
	</body>
</html>
